import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

// 创建仓库实例 store
const store = new Vuex.Store({
  // 存储store中的公共状态
  state: {
    num: 10
  },
  actions: {
    // 可以写异步
  },
  // 定义修改state的状态的方法
  mutations: { // 无法写异步函数
    /*
      第一个参数是state 就是  仓库存储的状态
      第二个参数 是 提交mutation时 传入的参数
    */
    add_num (state, n) {
      state.num += n
    },
    reduce_num (state, n) {
      state.num -= n
    }
  }
})

export default store
